<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, user-scalable=no, minimum-scale=1.0, maximum-scale=1.0">
    <title></title>
    <link rel="stylesheet" href="css/reset.css">
    <!--<link rel="stylesheet" href="css/silver/pace-theme-center-simple.css">-->
    <link rel="stylesheet" href="css/silver/pace-theme-loading-bar.css">
    <script src="js/swiper.animate1.0.2.min.js"></script>
    <link rel="stylesheet" href="css/animate.css">
    <link rel="stylesheet" href="css/swiper.css">
    <link rel="stylesheet" href="css/index.css">
</head>
<body>
<div class="container-a">
	<div class="bgm-btn-wraper"  style="display: block;" id="rotateMusic">
		<div class="bgm-btn rotate"  style="animation-play-state: running;">
			<audio loop="" src="images/music.mp3"  preload="auto" id="audio"></audio>
		</div>
	</div>
    <div class="swiper-container "  >
        <div class="swiper-wrapper">
            <!--第o页-->
            <div class="swiper-slide page-zero" >
				<div class="page1Logo" >
					<img src="images/logo.png"  class="ani" alt="" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="1s">
				</div>
				<div class="page1Bird">
					<img src="images/bird.png" class="ani"
						 swiper-animate-effect="fadeIn" swiper-animate-duration="0.8s" swiper-animate-delay="1s" alt="">
				</div>
				<div class="page1-head">
					<img src="images/page1_head.png" class="ani" swiper-animate-effect="bounceInDown" swiper-animate-duration="0.8s" swiper-animate-delay="1.2s" alt="">
				</div>
				<div class="page1-head2">
					<img src="images/page1_head2.png" class="ani" swiper-animate-effect="bounceInLeft" swiper-animate-duration="0.8s" swiper-animate-delay="1.4s" alt="">
				</div>
				<div class="page1-logo">
					<img src="images/page1_circle.png" alt="" class="ani" swiper-animate-effect="rotateIn" swiper-animate-duration="1.2s" swiper-animate-delay="1.8s">
				</div>
				<div class="page1-footer ani"  swiper-animate-effect="fadeIn" swiper-animate-duration="1.2s" swiper-animate-delay="2s">
					<p>
						欢迎莅临参观指导
						<span>展位号：H2-D01</span>
					</p>
				</div>
				<p class="next ani " swiper-animate-effect="flash" swiper-animate-duration="1.2s" swiper-animate-delay="1s">
					<img src="images/next_icon.png" alt="">
				</p>
            </div>
			<div class="swiper-slide page-one">
				<div class="page2-bird" >
					<img src="images/bird.png" class="ani"  swiper-animate-effect="fadeIn" swiper-animate-duration="1.2s" swiper-animate-delay="0.1s" alt="">
				</div>
				<div class="page2-head1">
					<img src="images/page2_head.png" class="ani"  swiper-animate-effect="flipInX" swiper-animate-duration="1.2s" swiper-animate-delay="0.3s" alt="">
				</div>
				<div class="page2-leader">
					<img src="images/page2_photo.png" class="ani"  swiper-animate-effect="fadeInLeftBig" swiper-animate-duration="1.2s" swiper-animate-delay="0.7s" alt="">
				</div>
				<div class="page2-border">
					<img src="images/page2_bg.png" alt="" class="ani"  swiper-animate-effect="fadeInUp" swiper-animate-duration="1.2s" swiper-animate-delay="0.9s">
					<div class="ani"  swiper-animate-effect="fadeInUp" swiper-animate-duration="1.2s" swiper-animate-delay="1.1s">
						张总主题演讲的内容摘要张总主题演讲的内容摘要张总主题演讲的内容摘要张总主题演讲的内容摘要张总主题演讲的内容摘要张总主题演讲的内容摘要张总主题演讲的内容摘要张总主题演讲的内容摘要张总主题演讲的内容摘要。
						张总主题演讲的内容摘要张总主题演讲的内容摘要张总主题演讲的内容摘要张总主题演。

					</div>
				</div>
				<p class="next ani " swiper-animate-effect="flash" swiper-animate-duration="1.2s" swiper-animate-delay="1s">
					<img src="images/next_icon.png" alt="">
				</p>
			</div>
			<div class="swiper-slide page-three">
				<div class="page3-photoAlbum p3-1 ani"   swiper-animate-effect="zoomInLeft" swiper-animate-duration="1.2s" swiper-animate-delay="0.3s">
					<div>
						<img src="images/page3-demo.jpg" alt="">
						<p>
						111111111111
						</p>
					</div>
				</div>
				<div class="page3-photoAlbum p3-2 ani"   swiper-animate-effect="zoomInRight" swiper-animate-duration="1.2s" swiper-animate-delay="0.4s">
					<div>
						<img src="images/page3-demo.jpg" alt="">
						<p>
							111111111111
						</p>
					</div>
				</div>
				<div class="page3-photoAlbum p3-3 ani" swiper-animate-effect="jackInTheBox" swiper-animate-duration="1.2s" swiper-animate-delay="0.4s">
					<div>
						<img src="images/page3-demo.jpg" alt="">
						<p>
							111111111111
						</p>
					</div>
				</div>
				<div class="page3-text">
					<div class="cloudbg " >
						<img src="images/page3-cloud4.png" class="ani" swiper-animate-effect="bounceInLeft" swiper-animate-duration="0.6s" swiper-animate-delay="0.7s" alt="">
					</div>
					<div class="left">
						<img src="images/page3-text.png" class="ani" swiper-animate-effect="rollIn" swiper-animate-duration="0.8s" swiper-animate-delay="1.2s" alt="">
					</div>
					<div class="right">
						<div class="page3-title">
						<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.2s" swiper-animate-delay="1.4s">人间正道</p>
						<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.2s" swiper-animate-delay="1.6s">	是担当</p>
						</div>
						<div class="page3-textInto ani page3-NoIcon" swiper-animate-effect="fadeIn" swiper-animate-duration="0.2s" swiper-animate-delay="2.8s">
							<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.2s" swiper-animate-delay="1.8s">
								道之初心——肩负
							</p>
							<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.2s" swiper-animate-delay="2s">
								国家责任  承担历
							</p>
						<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.2s" swiper-animate-delay="2.2s">
							史使命  白手起家
						</p>
							<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.2s" swiper-animate-delay="2.4s">
								艰苦奋斗  成就民
							</p>
							<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.2s" swiper-animate-delay="2.6s">
								族工业发展之道
							</p>
						</div>
					</div>
				</div>
				<p class="next ani " swiper-animate-effect="flash" swiper-animate-duration="1.2s" swiper-animate-delay="1s">
					<img src="images/next_icon.png" alt="">
				</p>
			</div>
			<div class="swiper-slide page-three-2">
				<div class="page3-photoAlbum p3-1 ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="1.2s" swiper-animate-delay="0.3s">
					<div>
						<img src="images/page3-demo.jpg" alt="">
						<p>
							111111111111
						</p>
					</div>
				</div>
				<div class="page3-photoAlbum p3-2 ani"   swiper-animate-effect="fadeInRight" swiper-animate-duration="1.2s" swiper-animate-delay="0.4s">
					<div>
						<img src="images/page3-demo.jpg" alt="">
						<p>
							111111111111
						</p>
					</div>
				</div>
				<div class="page3-photoAlbum p3-3 ani" swiper-animate-effect="wobble" swiper-animate-duration="1.2s" swiper-animate-delay="0.4s">
					<div>
						<img src="images/page3-demo.jpg" alt="">
						<p>
							111111111111
						</p>
					</div>
				</div>
				<div class="page3-text">
					<div class="cloudbg " >
						<img src="images/page3-2-cloud.png" class="ani" swiper-animate-effect="slideInLeft" swiper-animate-duration="0.6s" swiper-animate-delay="0.7s" alt="">
					</div>
					<div class="left" style="margin-left: 0.2rem">
						<img src="images/page3-text.png" class="ani" swiper-animate-effect="rollInRight" swiper-animate-duration="0.8s" swiper-animate-delay="1.2s" alt="">
					</div>
					<div class="right" style="margin-right: 0.1rem;margin-top: 0.3rem">
						<div class="page3-title">
							<p class="ani" swiper-animate-effect="zoomInRight" swiper-animate-duration="0.2s" swiper-animate-delay="1.4s">人间正道</p>
							<p class="ani" swiper-animate-effect="zoomInRight" swiper-animate-duration="0.2s" swiper-animate-delay="1.6s">	是担当</p>
						</div>
						<div class="page3-textInto">
							<p class="ani" swiper-animate-effect="zoomInRight" swiper-animate-duration="0.2s" swiper-animate-delay="1.8s">
								道之历程——中国纺机集团
							</p>
							<p class="ani" swiper-animate-effect="zoomInRight" swiper-animate-duration="0.2s" swiper-animate-delay="2s">
								30年的发展道路：是一段不
							</p>
							<p class="ani" swiper-animate-effect="zoomInRight" swiper-animate-duration="0.2s" swiper-animate-delay="2.2s">
								忘初心、砥砺前行的奋斗
							</p>
							<p class="ani" swiper-animate-effect="zoomInRight" swiper-animate-duration="0.2s" swiper-animate-delay="2.4s">
								之旅；是不断探索、几经变
							</p>
							<p class="ani" swiper-animate-effect="zoomInRight" swiper-animate-duration="0.2s" swiper-animate-delay="2.6s">
								革的创新之旅；是肩负使命、
							</p>
							<p class="ani" swiper-animate-effect="zoomInRight" swiper-animate-duration="0.2s" swiper-animate-delay="2.8s">
								改写中国纺机发展历史的
							</p>
							<p class="ani page-icon" swiper-animate-effect="zoomInRight" swiper-animate-duration="0.2s" swiper-animate-delay="3s">
								光辉之旅
							</p>
						</div>
					</div>
				</div>
				<p class="next ani " swiper-animate-effect="flash" swiper-animate-duration="1.2s" swiper-animate-delay="1s">
					<img src="images/next_icon.png" alt="">
				</p>
			</div>
			<div class="swiper-slide page-three-3">
				<div class="page3-photoAlbum p3-1 ani"   swiper-animate-effect="zoomInUp" swiper-animate-duration="1.2s" swiper-animate-delay="0.3s">
					<div>
						<img src="images/page3-demo.jpg" alt="">
						<p>
							111111111111
						</p>
					</div>
				</div>
				<div class="page3-photoAlbum p3-2 ani"   swiper-animate-effect="zoomInDown" swiper-animate-duration="1.2s" swiper-animate-delay="0.4s">
					<div>
						<img src="images/page3-demo.jpg" alt="">
						<p>
							111111111111
						</p>
					</div>
				</div>
				<div class="page3-photoAlbum p3-3 ani" swiper-animate-effect="fadeInUpBig" swiper-animate-duration="1.2s" swiper-animate-delay="0.4s">
					<div>
						<img src="images/page3-demo.jpg" alt="">
						<p>
							111111111111
						</p>
					</div>
				</div>
				<div class="page3-text">
					<div class="cloudbg " >
						<img src="images/page3-3.png" class="ani" swiper-animate-effect="slideInLeft" swiper-animate-duration="0.6s" swiper-animate-delay="0.7s" alt="">
					</div>
					<div class="left">
						<img src="images/page3-text.png" class="ani" swiper-animate-effect="zoomIn" swiper-animate-duration="0.8s" swiper-animate-delay="1.2s" alt="">
					</div>
					<div class="right" style="margin-right: 0.2rem">
						<div class="page3-title">
							<p class="ani" swiper-animate-effect="zoomInRight" swiper-animate-duration="0.2s" swiper-animate-delay="1.4s">人间正道</p>
							<p class="ani" swiper-animate-effect="zoomInRight" swiper-animate-duration="0.2s" swiper-animate-delay="1.6s">	是担当</p>
						</div>
						<div class="page3-textInto">
							<p class="ani" swiper-animate-effect="zoomInRight" swiper-animate-duration="0.2s" swiper-animate-delay="1.8s">
								道之管理——集团始终以
							</p>
							<p class="ani" swiper-animate-effect="zoomInRight" swiper-animate-duration="0.2s" swiper-animate-delay="2s">
								市场为导向，实施科技
							</p>
							<p class="ani" swiper-animate-effect="zoomInRight" swiper-animate-duration="0.2s" swiper-animate-delay="2.2s">
								与资本“双轮驱动”
							</p>
							<p class="ani" swiper-animate-effect="zoomInRight" swiper-animate-duration="0.2s" swiper-animate-delay="2.4s">
								管理水平不断实现新
							</p>
							<p class="ani" swiper-animate-effect="zoomInRight" swiper-animate-duration="0.2s" swiper-animate-delay="2.8s">
								的跨越，保持行业领先，
							</p>
							<p class="ani page-icon" swiper-animate-effect="zoomInRight" swiper-animate-duration="0.2s" swiper-animate-delay="3s">
								树立央企榜样。
							</p>
						</div>
					</div>
				</div>
				<p class="next ani " swiper-animate-effect="flash" swiper-animate-duration="1.2s" swiper-animate-delay="1s">
					<img src="images/next_icon.png" alt="">
				</p>
			</div>
			<div class="swiper-slide page-four-1  page-style2">
				<div class="cloudbg " >
					<img src="images/page-5-cloud.png" class="ani" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.6s" swiper-animate-delay="0.7s" alt="">
				</div>
				<div class="page-other">
					<div class="left " style="margin-left: 0.3rem">
						<div class="page3-title">
							<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.2s">八千里路</p>
							<p  class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.4s">	云和月</p>
						</div>
						<div class="page3-textInto">
							<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.6s">
								术之科技创新——
							</p>
							<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.8s">
								棉纺设备实现了全
							</p>
							<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="1s">
								流程的数字化和智
							</p>
							<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="1.2s">
								能化，即将走向无
							</p>
							<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="1.4s">
								人化，迈向智慧纺
							</p>
							<p class="ani page-icon" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="1.4s">
								织工厂。
							</p>
						</div>
					</div>
					<div class="right">
						<img src="images/shu.png" alt="" class="ani" swiper-animate-effect="bounce" swiper-animate-duration="0.8s" swiper-animate-delay="0.4s">
					</div>
				</div>
				<div class="page-4-demo page-4-demo1 ani"  swiper-animate-effect="fadeInDown" swiper-animate-duration="0.8s" swiper-animate-delay="0.4s">
					<div class="page-4-pic ">
						<img src="images/page4-demo.jpg" alt="">
						<p></p>
					</div>
					<div class="page-4-text">
						<p>
							春江潮水连海平
						</p>
						<p>
						海上明月共潮生
						</p>
						<p>
							江畔何年初见月
						</p>

					</div>
				</div>
				<div class="page-4-demo page-4-demo2 page-4-demo1 ani"  swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.8s" swiper-animate-delay="0.4s">
					<div class="page-4-text">
						<p>
							春江潮水连海平
						</p>
						<p>
							海上明月共潮生
						</p>
						<p>
							江畔何年初见月
						</p>
					</div>
					<div class="page-4-pic ">
						<img src="images/page4-demo.jpg" alt="">
						<p></p>
					</div>

				</div>
				<div class="page-4-demo page-4-demo1 ani" swiper-animate-effect="fadeInRight" swiper-animate-duration="0.8s" swiper-animate-delay="0.4s">
					<div class="page-4-pic ">
						<img src="images/page4-demo.jpg" alt="">
						<p></p>
					</div>
					<div class="page-4-text">
						<p>
							春江潮水连海平
						</p>
						<p>
							海上明月共潮生
						</p>
						<p>
							江畔何年初见月
						</p>

					</div>
				</div>

				<p class="next ani " swiper-animate-effect="flash" swiper-animate-duration="1.2s" swiper-animate-delay="1s">
					<img src="images/next_icon.png" alt="">
				</p>
			</div>
			<div class="swiper-slide page-four-1  page-style2">
				<div class="cloudbg" >
					<img src="images/page-4-2-cloud.png" class="ani" swiper-animate-effect="bounceInRight" swiper-animate-duration="0.6s" swiper-animate-delay="1.7s" alt="">
				</div>
				<div class="page-other">
					<div class="left ">
						<div class="page3-title">
							<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.2s">八千里路</p>
							<p  class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.4s">	云和月</p>
						</div>
						<div class="page3-textInto">
							<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.6s">
								术之科技创新——
							</p>
							<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.8s">
								化纤设备几乎覆盖了
							</p>
							<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="1s">
								所有化纤产品领域，
							</p>
							<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="1.2s">
								其中粘胶短纤和涤纶
							</p>
							<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="1.4s">
								短纤已成为该领域全
							</p>
							<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="1.4s">
								球市场成套设备的主
							</p>
							<p class="ani page-icon" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="1.4s">
								要供应商。
							</p>
						</div>
					</div>
					<div class="right">
						<img src="images/shu.png" alt="" class="ani" swiper-animate-effect="jackInTheBox" swiper-animate-duration="0.8s" swiper-animate-delay="0.4s">
					</div>
				</div>
				<div class="page-4-demo page-4-demo1 ani"  swiper-animate-effect="slideInLeft" swiper-animate-duration="0.8s" swiper-animate-delay="0.4s">
					<div class="page-4-pic ">
						<img src="images/page3-demo.jpg" alt="">
						<p></p>
					</div>
					<div class="page-4-text">
						<p>
							春江潮水连海平
						</p>
						<p>
							海上明月共潮生
						</p>
					</div>
				</div>
				<div class="page-4-demo page-4-demo2 page-4-demo1 ani"  swiper-animate-effect="slideInRight" swiper-animate-duration="0.8s" swiper-animate-delay="0.4s">
					<div class="page-4-text">
						<p>
							春江潮水连海平
						</p>
						<p>
							海上明月共潮生
						</p>
					</div>
					<div class="page-4-pic ">
						<img src="images/page3-demo.jpg" alt="">
						<p></p>
					</div>

				</div>
				<div class="page-4-demo page-4-demo1 ani" swiper-animate-effect="jackInTheBox" swiper-animate-duration="0.8s" swiper-animate-delay="0.4s">
					<div class="page-4-pic ">
						<img src="images/page3-demo.jpg" alt="">
						<p></p>
					</div>
					<div class="page-4-text">
						<p>
							春江潮水连海平
						</p>
						<p>
							海上明月共潮生
						</p>
						<p>
							江畔何年初见月
						</p>

					</div>
				</div>

				<p class="next ani " swiper-animate-effect="flash" swiper-animate-duration="1.2s" swiper-animate-delay="1s">
					<img src="images/next_icon.png" alt="">
				</p>
			</div>
			<div class="swiper-slide page-four-3  page-style2">
				<div class="cloudbg " >
					<img src="images/page-4-2-cloud.png" class="ani" swiper-animate-effect="zoomInRight" swiper-animate-duration="0.6s" swiper-animate-delay="0.7s" alt="">
				</div>
				<div class="page-other">
					<div class="left ">
						<div class="page3-title">
							<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.2s">八千里路</p>
							<p  class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.4s">	云和月</p>
						</div>
						<div class="page3-textInto">
							<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.6s">
								术之科技创新——
							</p>
							<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.8s">
								非织造布设备可以提
							</p>
							<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="1s">
								供针刺、水刺、纺熔、
							</p>
							<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="1.2s">
								热风等各类非织造布
							</p>
							<p class="ani page-icon" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="1.4s">
								成套生产线。
							</p>

						</div>
					</div>
					<div class="right">
						<img src="images/shu.png" alt="" class="ani" swiper-animate-effect="rollInRight" swiper-animate-duration="0.8s" swiper-animate-delay="0.4s">
					</div>
				</div>
				<div class="page-4-demo page-4-demo1 ani"  swiper-animate-effect="slideInLeft" swiper-animate-duration="0.8s" swiper-animate-delay="0.4s">
					<div class="page-4-pic ">
						<img src="images/page3-demo.jpg" alt="">
						<p></p>
					</div>
					<div class="page-4-text">
						<p>
							春江潮水连海平
						</p>
						<p>
							海上明月共潮生
						</p>
					</div>
				</div>
				<div class="page-4-demo page-4-demo2 page-4-demo1 ani"  swiper-animate-effect="slideInRight" swiper-animate-duration="0.8s" swiper-animate-delay="0.4s">
					<div class="page-4-text">
						<p>
							春江潮水连海平
						</p>
						<p>
							海上明月共潮生
						</p>
					</div>
					<div class="page-4-pic ">
						<img src="images/page3-demo.jpg" alt="">
						<p></p>
					</div>

				</div>
				<div class="page-4-demo page-4-demo1 ani" swiper-animate-effect="jackInTheBox" swiper-animate-duration="0.8s" swiper-animate-delay="0.4s">
					<div class="page-4-pic ">
						<img src="images/page3-demo.jpg" alt="">
						<p></p>
					</div>
					<div class="page-4-text">
						<p>
							春江潮水连海平
						</p>
						<p>
							海上明月共潮生
						</p>
						<p>
							江畔何年初见月
						</p>

					</div>
				</div>

				<p class="next ani " swiper-animate-effect="flash" swiper-animate-duration="1.2s" swiper-animate-delay="1s">
					<img src="images/next_icon.png" alt="">
				</p>
			</div>
			<div class="swiper-slide page5 page-style2">
				<div class="cloudbg " >
					<img src="images/page-4-2-cloud.png" class="ani" swiper-animate-effect="zoomInLeft" swiper-animate-duration="0.6s" swiper-animate-delay="0.7s" alt="">
				</div>
				<div class="page-other">
					<div class="left ">
						<div class="page3-title">
							<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.2s">直挂云帆</p>
							<p  class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.4s">	济沧海</p>
						</div>
						<div class="page3-textInto">
							<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.6s">
								势之互联网发展
							</p>
							<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.8s">
								大势——顺应互
							</p>
							<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="1s">
								联网、物联网发
							</p>
							<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="1.2s">
								展，开辟纺机
							</p>
							<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="1.4s">
								行业“互联网+”
							</p>
							<p class="ani page-icon" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="1.4s">
								的新篇章。
							</p>
						</div>
					</div>
					<div class="right">
						<img src="images/shi2.png" alt="" class="ani" swiper-animate-effect="flipInY" swiper-animate-duration="0.8s" swiper-animate-delay="0.4s">
					</div>
				</div>
				<div class="page3-photoAlbum p3-1 ani" swiper-animate-effect="flipInX" swiper-animate-duration="0.8s" swiper-animate-delay="1.4s">
					<div >
						<img src="images/page3-demo.jpg" alt="">
						<p>
							111111111111
						</p>
					</div>
				</div>
				<div class="page3-photoAlbum p3-2 ani" swiper-animate-effect="flipInY" swiper-animate-duration="0.8s" swiper-animate-delay="1.6s">
					<div class="" >
						<img src="images/page3-demo.jpg" alt="">
						<p>
							111111111111
						</p>
					</div>
				</div>
				<div class="page3-photoAlbum p3-3 ani" swiper-animate-effect="bounceInLeft" swiper-animate-duration="0.8s" swiper-animate-delay="1.4s">
					<div class="ani" >
						<img src="images/page3-demo.jpg" alt="">
						<p>
							111111111111
						</p>
					</div>
				</div>
				<p class="next ani " swiper-animate-effect="flash" swiper-animate-duration="1.2s" swiper-animate-delay="1s">
					<img src="images/next_icon.png" alt="">
				</p>
			</div>
			<div class="swiper-slide page-5-2 page-style2">
				<div class="cloudbg " >
					<img src="images/page-5-2-cloud.png" class="ani" swiper-animate-effect="shake" swiper-animate-duration="0.6s" swiper-animate-delay="1.7s" alt="">
				</div>
				<div class="floatCloud ani" swiper-animate-effect="slideInLeft" swiper-animate-duration="0.6s" swiper-animate-delay="0.7s">
					<img src="images/page-5-2-cloud2.png" class="ani"  alt="">
				</div>
				<div class="page-other">
					<div class="left ">
						<div class="page3-title">
							<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.2s">直挂云帆</p>
							<p  class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.4s">	济沧海</p>
						</div>
						<div class="page3-textInto">
							<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.6s">
								势之互联网发展
							</p>
							<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.8s">
								中国纺机集团已经实
							</p>
							<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="1s">
								现了云平台的建立、
							</p>
							<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="1.2s">
								生产优化、在线检测、
							</p>
							<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="1.4s">
								专家系统、仿真系统，
							</p>
							<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="1.6s">
								为最终实现车间无人
							</p>
							<p class="ani page-icon" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="1.8s">
								值守奠定了基础。
							</p>
						</div>
					</div>
					<div class="right">
						<img src="images/shi2.png" alt="" class="ani" swiper-animate-effect="bounceInRight" swiper-animate-duration="0.8s" swiper-animate-delay="0.4s">
					</div>
				</div>
				<div class="page3-photoAlbum p3-1 ani" swiper-animate-effect="flipInX" swiper-animate-duration="0.8s" swiper-animate-delay="1.4s">
					<div >
						<img src="images/page3-demo.jpg" alt="">
						<p>
							111111111111
						</p>
					</div>
				</div>
				<div class="page3-photoAlbum p3-2 ani" swiper-animate-effect="flipInY" swiper-animate-duration="0.8s" swiper-animate-delay="1.6s">
					<div class="" >
						<img src="images/page3-demo.jpg" alt="">
						<p>
							111111111111
						</p>
					</div>
				</div>
				<div class="page3-photoAlbum p3-3 ani" swiper-animate-effect="bounceInLeft" swiper-animate-duration="0.8s" swiper-animate-delay="1.4s">
					<div class="ani" >
						<img src="images/page3-demo.jpg" alt="">
						<p>
							111111111111
						</p>
					</div>
				</div>
				<p class="next ani " swiper-animate-effect="flash" swiper-animate-duration="1.2s" swiper-animate-delay="1s">
					<img src="images/next_icon.png" alt="">
				</p>
			</div>
			<div class="swiper-slide page6 page-style2">
				<div class="cloudbg " >
					<img src="images/page-4-2-cloud.png" class="ani" swiper-animate-effect="zoomInRight" swiper-animate-duration="0.6s" swiper-animate-delay="0.7s" alt="">
				</div>
					<div class="page-other">
						<div class="left ">
							<div class="page3-title">
								<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.2s">人间正道</p>
								<p  class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.4s">	是担当</p>
							</div>
							<div class="page3-textInto">
								<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.6s">
									道之初心——肩负
								</p>
								<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="0.8s">
									国家责任  承担历
								</p>
								<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="1s">
									史使命  白手起家
								</p>
								<p class="ani" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="1.2s">
									艰苦奋斗  成就民
								</p>
								<p class="ani page-icon" swiper-animate-effect="fadeIn" swiper-animate-duration="0.5s" swiper-animate-delay="1.4s">
									族工业发展之道
								</p>
							</div>
						</div>
						<div class="right">
							<img src="images/shi2.png" alt="" class="ani" swiper-animate-effect="flip" swiper-animate-duration="0.8s" swiper-animate-delay="0.4s">
						</div>
					</div>
				<div class="page3-photoAlbum p3-1 ani" swiper-animate-effect="flipInX" swiper-animate-duration="0.8s" swiper-animate-delay="1.4s">
					<div >
						<img src="images/page3-demo.jpg" alt="">
						<p>
							111111111111
						</p>
					</div>
				</div>
				<div class="page3-photoAlbum p3-2 ani" swiper-animate-effect="flipInY" swiper-animate-duration="0.8s" swiper-animate-delay="1.6s">
					<div class="" >
						<img src="images/page3-demo.jpg" alt="">
						<p>
							111111111111
						</p>
					</div>
				</div>
				<div class="page3-photoAlbum p3-3 ani" swiper-animate-effect="bounceInLeft" swiper-animate-duration="0.8s" swiper-animate-delay="1.4s">
					<div class="ani" >
						<img src="images/page3-demo.jpg" alt="">
						<p>
							111111111111
						</p>
					</div>
				</div>
				<p class="next ani " swiper-animate-effect="flash" swiper-animate-duration="1.2s" swiper-animate-delay="1s">
					<img src="images/next_icon.png" alt="">
				</p>
			</div>
			<div class="swiper-slide page-end">
				<div class="page1Logo" >
					<img src="images/logo.png"  class="ani" alt="" swiper-animate-effect="fadeInLeft" swiper-animate-duration="0.5s" swiper-animate-delay="1s">
				</div>
				<div class="page1Bird">
					<img src="images/bird.png" class="ani"
						 swiper-animate-effect="fadeIn" swiper-animate-duration="0.8s" swiper-animate-delay="1s" alt="">
				</div>
				<div class="bigLogo ani"  swiper-animate-effect="fadeInDownBig" swiper-animate-duration="0.8s" swiper-animate-delay="0.8s">
					<img src="images/logoEnd.png" alt="">
				</div>
				<div class="video ani">
					<video
						   webkit-playsinline=""
						   x-webkit-airplay=""
						   playsinline=""
						   x5-playsinline=""
						   src="http://oss.co-links.com/demo_supplier_v.mp4"
						   id="video"
						   poster="images/poster.png"
						   preload="auto"
						   autoplay
						   style="object-fit:fill"
						   controls="controls"
					>
					</video>
				</div>
				<div class="userCode">
					<p class="blessing"><span>来自朋友的祝福</span></p>
					<div class="leftCode ani"  swiper-animate-effect="slideInLeft" swiper-animate-duration="0.8s" swiper-animate-delay="1s">
						<img src="images/leftCode.jpg" alt="">
						<p>中纺机公众号</p>
					</div>
				</div>
			</div>
    </div>

</div>
<script src="js/jquery-1.7.2.js"></script>
<script src="js/jquery.mobile-events.js"></script>
<!--<script src="js/wx-jdk.js"></script>-->
<script type="text/javascript" src="https://res.wx.qq.com/open/js/jweixin-1.2.0.js"></script>
<script src="js/pace.js"></script>
<script src="js/swiper.js"></script>
<script src="js/adaptive.js"></script>
<script>
    (function (win) {
        // 设计图尺寸
        window['adaptive'].desinWidth = 750;
        // body 字体大小 会将body字体大小设置为 baseFont / 100 + 'rem'  750的设计图一般设置为28,640的设计图一般设置为24
        window['adaptive'].baseFont = 28;
        // 显示最大宽度 可选
        window['adaptive'].maxWidth = 750;
        // rem值改变后执行方法 可选
        window['adaptive'].scaleType = 1;
        // 初始化
        window['adaptive'].init();

    })(window);
</script>
<script>
    $(function () {
        var url = encodeURIComponent(window.location.href);
        var reulut;
        $.post('http://demo.co-links.com/h5/share.php',
            {"url": url},
            function (result) {
                reulut = result;
                wx.config({
                    appId: reulut.appId, // 必填，公众号的唯一标识
                    timestamp: reulut.timestamp, // 必填，生成签名的时间戳
                    nonceStr: reulut.nonceStr, // 必填，生成签名的随机串
                    signature: reulut.signature,// 必填，签名
                    jsApiList: [ // 必填，需要使用的JS接口列表
                        'onMenuShareAppMessage', //1.0 分享到朋友
                        'onMenuShareTimeline', //1.0分享到朋友圈
                        'updateAppMessageShareData', //1.4 分享到朋友
                        'updateTimelineShareData' //1.4分享到朋友圈
                    ]
                });

                wx.ready(function () {   //需在用户可能点击分享按钮前就先调用
                    wx.updateAppMessageShareData({
                        title: '中国纺机集团30周年庆', // 分享标题
                        desc: '中国纺机集团30周年庆', // 分享描述
                        link: window.location.href, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                        imgUrl: 'https://gss1.bdstatic.com/-vo3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike80%2C5%2C5%2C80%2C26/sign=573c4e26bf12c8fca0fefe9f9d6af920/503d269759ee3d6d704cbbcd45166d224f4ade29.jpg', // 分享图标
                    });

                    wx.updateTimelineShareData({
                        title: '中国纺机集团30周年庆', // 分享标题
                        link: window.location.href, // 分享链接，该链接域名或路径必须与当前页面对应的公众号JS安全域名一致
                        imgUrl: 'https://gss1.bdstatic.com/-vo3dSag_xI4khGkpoWK1HF6hhy/baike/c0%3Dbaike80%2C5%2C5%2C80%2C26/sign=573c4e26bf12c8fca0fefe9f9d6af920/503d269759ee3d6d704cbbcd45166d224f4ade29.jpg', // 分享图标
                    });
                });

            }
        );
    })
    $(function () {
        //进入微信页面即加载
        document.addEventListener('WeixinJSBridgeReady', function() {
            document.getElementById('audio').play()
        })
        var video =document.getElementById('video')
        var audio =document.getElementById('audio')
		function  fn() {
            video.play();
        }
        var mySwiper = new Swiper('.swiper-container', {
            direction: 'vertical',
            initialSlide: 0,
            loop: false,
            on: {
                init: function () {
                    swiperAnimateCache(this); //隐藏动画元素
                    swiperAnimate(this); //初始化完成开始动画
                },
                slideChangeTransitionEnd: function () {
                    swiperAnimate(this); //每个slide切换结束时也运行当前slide动画
                },
                slideChangeTransitionStart: function () {
                    if(this.activeIndex==$('.swiper-slide').length-1){
                        if (isAndoroid()) {
                            video.play()
                        } else {
                            document.addEventListener('touchend',fn(),false)
							document.removeEventListener('touchend',null)
							document.addEventListener('WeixinJSBridgeReady',function(){
								video.play();
							},false);
                        }
                        audio.pause()
                        $('#rotateMusic').find('.bgm-btn').removeClass('rotate')
                    }else{
                         video.pause()
//                        audio.play()
//                        $('#rotateMusic').find('.bgm-btn').addClass('rotate')
                    }
                }
            }

        });
        Pace.on('hide', function () {
            $('.swiper-container').css('visibility','visible')
        });
        $('#rotateMusic').on('click',function () {
            $(this).find('.bgm-btn').toggleClass('rotate')
            if(!audio.paused){
                audio.pause()
            }else{
                audio.play()
            }
        })
    });
    function  isAndoroid() {
        var u =navigator.userAgent;
        if(u.indexOf('Android')>-1||u.indexOf('Linux')>-1){
            return true
        }else{
            return false
        }
    };
    function isIos() {
        var u = navigator.userAgent;
        if(!!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/)){
            return true;
        }else{
            return false;
        }
    }
    window.onload = function () {
//        var mySwiper = new Swiper('.swiper-container', {
//            direction: 'vertical',
//            initialSlide: 0,
//            loop: false,
//            on: {
//                init: function () {
//                    swiperAnimateCache(this); //隐藏动画元素
//                    swiperAnimate(this); //初始化完成开始动画
//                },
//                slideChangeTransitionEnd: function () {
//                    swiperAnimate(this); //每个slide切换结束时也运行当前slide动画
//                },
//                slideChangeTransitionStart: function () {
//                    var video =document.getElementById('video')
//                    var audio =document.getElementById('audio')
//                    if(this.activeIndex==$('.swiper-slide').length-1){
//                        if (isAndoroid()) {
//                            video.play()
//                        } else {
//                            document.addEventListener('WeixinJSBridgeReady',function(){
//                                video.play();
//                            },false);
//                        }
//                        audio.pause()
//                        $('#rotateMusic').find('.bgm-btn').removeClass('rotate')
//                    }else{
//                        video.pause()
//                        audio.play()
//                        $('#rotateMusic').find('.bgm-btn').addClass('rotate')
//					}
//                }
//            }
//
//        });
//
//        Pace.on('hide', function () {
//			$('.swiper-container').css('visibility','visible')
//		});
//        var audio =document.getElementById('audio')
//		$('#rotateMusic').on('click',function () {
//            $(this).find('.bgm-btn').toggleClass('rotate')
//			if(!audio.paused){
//				audio.pause()
//			}else{
//			    audio.play()
//			}
//        })
	};
</script>

</body>
</html>